@import '@/assets/app.scss';

.grid {
    width: 100%;
    height: inherit;
    position: relative;
    background-color: white;
    box-shadow: 0 0 0 1px rgba(20, 20, 31, 0.05),
      0 1px 3px 0 rgba(20, 20, 31, 0.15);
  }
  
  .grid table {
    border-spacing: 2px;
  }
  
  .grid-col-check {
    width: 45px;
  }
  
  .grid-col-check .custom-control,
  .grid-cell-check .custom-control {
    padding-left: 2rem;
  }
  
  .grid-header {
    display: block;
    width: 100%;
    overflow-x: hidden;
    border-bottom: solid 1px $borderColor;
  }
  
  .grid-header-scroller {
    display: block;
    width: 100%;
    height: 100%;
  }
  
  .grid-header table {
    table-layout: fixed;
    width: 100%;
  }
  
  .grid-header tr {
    height: 38px;
    vertical-align: middle;
  }
  
  .grid-body {
    overflow: auto;
    width: 100%;
    position: absolute;
    top: 39px;
    bottom: 39px;
    left: 0px;
    right: 0px;
    /* flex: 1; */
    // padding-top: 4px;
    // padding-bottom: 4px;
  }
  
  .grid-body tbody tr:hover,
  .grid-row-selected {
    background-color: #b1d6f0;
  }

  .grid-body tbody tr {
    border-bottom: solid 1px $borderColor;
  }
  
  .grid-hidden-header {
    position: absolute;
    height: 0px;
    left: 0px;
    top: -9000px;
  }
  
  .grid-header-scroller th {
    padding: 6px;
    padding-left: 10px;
  }
  
  .grid-body table {
    table-layout: fixed;
    min-width: 480px;
    width: 100%;
    background-color: white;
  }
  
  /* .grid-body tbody tr {
    border-bottom: solid 1px silver;
  } */
  
  .grid-body tbody td {
    padding: 6px;
    padding-left: 10px;
  }

  .grid th,
 .grid td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

  
  .footer-content {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
  }
  
  .status {
    flex: 0 120px;
    height: 100%;
    vertical-align: middle;
    padding-left: 15px;
    line-height: 38px;
  }
  
  .pager {
    flex: 1;
    height: 100%;
    text-align: right;
    vertical-align: middle;
    padding-right: 15px;
    line-height: 38px;
  }
  
  .grid-footer {
    position: absolute;
    height: 38px;
    bottom: 0px;
    width: 100%;
    border-top: 1px solid $borderColor;
  }